<template>
	<div>
		<div class="zb_index_title">
			<p class="fl">
				试听推荐
			</p>
			<span class="fr">
				<router-link to="">
					更多试听
				</router-link>
			</span>
			<div class="clear"></div>
		</div>
		<ul class="index_list">
			<li v-for="(item,index) of shiting" :key="index">
				<router-link to="">
					<img :src="item.img" />
					<div class="content">
						<p>{{item.title}}</p>
						<span>{{item.desc}}</span>
					</div>
				</router-link>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'shiting',
		props:{
			shiting:Array
		}
	}
</script>

<style>
</style>
